<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" src="vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
    <template>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="基本信息" name="first"></el-tab-pane>
            <el-tab-pane label="修改密码" name="second"></el-tab-pane>
        </el-tabs>
        <iframe :src="url" width="100% " height="600px" style="border: 0px;"></iframe>
    </template>
</div>
<script>
    var app = new Vue({
        el: "#app",
        data: {
            activeName: 'first',
            url:"/cai/busBaseInfo.html"
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
                if(tab.name == 'first'){
                    app.url = "/cai/busBaseInfo.html";
                }else{
                    app.url = "/cai/busPassword.html";
                }
            }
        }
    });
</script>
</body>
</html>
